<extend name="app/Template/mobile" />

<block name="area_header">
    <script type="text/javascript" src="__CDN__/jquery-qrcode/v1.0/jquery.qrcode.min.js"></script>
	<style type="text/css">
		.top{ width: 100%; text-align: center; background-color: ; padding: 4px;}
		.top_dv{background-color: white; height: 50%; width: 33%; padding: 10px; } 
		.txa{height: 40px; width: 100%; margin-top: 5px;}
        .idcode{
            width: 99%;
            margin-top: 10px;
            height: 50%;
            background-color: white; font-size: 40px;
            color: orangered;
            float: left;
        }
        .idcode_qrcode{
            margin: 0 auto;
            position: relative;
        }
        .user-head{
            position: absolute;
            top:50%;
            left:50%;
            width:60px;
            height:60px;
            margin-top: 0px;
            margin-left: -30px;
        }
	</style>
	<script type="text/javascript">
	$(function(){

        var link = "{$share_link}";

        $('#qrcode').qrcode({width: 240,height: 240,text: link});

	})
</script>
</block>

<block name="area_body">
	
	<div class="top">
		<div class="top_dv "style="float: left;" >
			<font size="2" color="#555555">会员等级</font><br><br>
			<font size="4" id="coin" color="green">{$umember.name}</font><font size="1" color="green"></font>
		</div>
		<div class="top_dv "style="float: left;" >
			<font size="2" color="#555555">优惠ID码</font><br><br>
			<font size="5" style="" id="idcode" color="green"><i class="am-icon-hand-o-down"></i></font><font size="4" color="green"></font>
		</div>
		<div class="top_dv "style="float: left;" >
			<font size="2" color="#555555">当前折扣</font><br><br>
			<font size="4" id="zk" color="green">{:(1-$umember['discount_ratio'])*10}</font><font size="1" color="green">折</font>
		</div><br>

        <div id="qrcode" class="idcode_qrcode">
            <img src="{$user.head}" class="user-head" />
        </div>
		<div class="idcode">{$user.idcode}</div>
		
	
	</div>
</block>


